<template>
    <div>
		<div id="top">
			<div id="logo"><img src="./img/logon.png" /></div>
			<div class="caidan">首页</div>
			<div class="caidan">
				<router-link to="/about">
					关于我们
				</router-link>
			</div>
			<div class="caidan">专利业务</div>
			<div class="caidan">商标服务</div>
			<div class="caidan">成功案例</div>
			<div class="caidan">新闻动态</div>
			<div class="caidan">联系我们</div>

		</div>
    </div>
</template>

<style scoped>
   			#top {
				width: 1000px;
				height: 77px;
				/*background-color: burlywood;*/
				margin: 0 auto;
				margin-top: 30px;
			}
			
			#logo {
				width: 370px;
				height: 77px;
				/*background-color: yellow;*/
				float: left;
			}
			
			.caidan {
				float: left;
				width: 90px;
				height: 30px;
				/*background-color: royalblue;*/
				text-align: center;
				line-height: 30px;
				margin-top: 35px;
			}
			
			.caidan:hover {
				background-color: red;
			}
</style>